<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="./js/jquery.min.js"></script>
    <title>问答区</title>
    <link rel="stylesheet" href="css/问答.css">
    <link rel="stylesheet" href="./调查表/css/心理总表记录.css" />
    
</head>
<body style="background-color: #fffcfc;">
    <header class="top">
        <p class="top1">青少年身心健康</p>
        <div class="T1">
          <ul class="menu">
            <li>
              <a class="top2" href="首页.html">首页</a>
              <ul class="a1_1">
                <li><a class="a1" href="#生理常见疾病">生理常见疾病</a></li>
                <li><a class="a2" href="#身心疾病常见诱因">身心疾病常见诱因</a></li>
              </ul>
            </li>
            <li>
              <a class="top3" href="健康指导.html">健康指导</a>
              <ul class="a1_2">
                <li><a class="a4" href="健康指导/心理健康指导.html">心理健康指导</a></li>
                <li><a class="a5" href="健康指导/身体健康指导.html">身体健康指导</a></li>
              </ul>
            </li>
            <li>
              <a class="top4" href="案例.html">案例</a>
              <ul class="a1_3">
                <li>
                  <a class="a7" href="#">心理案例</a>
                  <ul class="a8_1">
                    <li><a class="a7" href="案例/心理案例篇1.html">心理案例篇1</a></li>
                    <li><a class="a8" href="案例/心理案例篇2.html">心理案例篇2</a></li>
                    <li><a class="a9" href="案例/心理案例篇3.html">心理案例篇3</a></li>
                </ul>
            </li>
        </ul>
        <ul class="a1_4">
            <li class="a8_3">
                <a class="a8" href="#">生理案例</a>
                <ul class="a8_2">
                    <li><a class="a7" href="案例/生理案例篇1.html">生理案例篇1</a></li>
                    <li><a class="a8" href="案例/生理案例篇2.html">生理案例篇2</a></li>
                    <li><a class="a9" href="案例/生理案例篇3.html">生理案例篇3</a></li>
                </ul>
                </li>
              </ul>
            </li>
            <li>
              <a class="top5" href="问答.html">问答</a>
              <ul class="a1_4">
                <li><a class="a7" href="#">身心疾病常见诱因</a></li>
                <li><a class="a8" href="#">Submenu 2</a></li>
                <li><a class="a9" href="#">Submenu 3</a></li>
              </ul>
            </li>
            <li>
              <a class="top6" href="调查表.html">调查表</a>
              <ul class="a1_5">
                <li><a class="a7" href="调查表/心理调查表.html">心理调查表</a></li>
                <li><a class="a8" href="调查表/生理调查表.html">生理调查表</a></li>
                <li><a class="a9" href="调查表/心理总表记录.html">心理总表记录</a></li>
                <li><a class="a10" href="调查表/生理总表记录.html">生理总表记录</a></li>
              </ul>
            </li>
          </ul>
          <div class="top7">
            <a href="http://www.baidu.com"><input type="text" placeholder="在这里输入搜索内容" /></a>
          </div>
        </div>
      </header>

    <div style="background-color: #ffffff;height: 100px;width: 400px;border-radius: 5px;">
        <h1 style="position: relative;left: 100px; top:50px;font-family: 华文新魏;font-size: 30px; width: 500px;" >
            专家问答
        </h1>
        
        <img class="line1" src="imang/problem.jpg" alt="图片">
        <!-- <div style="height: 155px;width: 1300px;position: relative;left: 350px;top:-86px;background-color: #F7F4F4;border-left:5px solid rgb(77, 76, 76);border-bottom: 4px solid #797979;">
            <a href="" style="position: relative;top:100px;left:90px;font-size: 30px;">首页</a>
        </div> -->
    </div>
    <div class="text1"  style="background-color: #fffefe;height: 100px; position: relative;left: 100px;">
        <a href="" style="position:relative;top: 40px;">心理健康咨询</a>
        <a href="" style="position:relative;top: 40px;left: 20px;">生理健康咨询</a>
        <a href="" style="position:relative;top: 40px;left: 40px;">康复心得</a>
       
        <div class="text1" style="text-align: right;;height: 40px;width: 120px;background-color:#81D3F8;
        position: relative;left: 780px;top: 10px;
        font-size: 20PX;border-radius: 4px;">
            <a  href="发布页面.html" style="position: relative;left: 10px;top: -3px;" >发布</a>
            <img class="text2"  src="imang/prolbem01.jpg" alt="图片">
            
        </div>
    </div>
    <div id = 'questions_and_answers_id' class="text" style="background-color: #FFFFFF; border-radius: 10px;">
    </div>
    <div class="d3">
        <p class="square1" id = 'total'></p>
        <div class="square">&lt;</div>
        <div class="square01" id = 'currentPage'></div>
        <div class="square">&gt;</div>
        <p class="square2">跳转</p>
        <div class="square3">10</div>
        <div class="square4">页</div>
    
    
    </div>
    
    <div style="position: absolute;left: 1050px;top: 325px;border-image: 10px;">
        <p style="font-size: 30px;">专家介绍</p>
        <p style="font-size: 20px; position: relative; top: 20px;" > 心理专家</p>
    </div>
    <div style="position: absolute;left: 1075px;top: 450px;border-image: 10px;">
        <img src="imang/problem2.jpg" width="100" height="115" >
        <p class="name">&nbsp&nbsp&nbsp&nbsp&nbsp name</p>
        <p class="intro">简介</p>
    </div>
    <div style="position: absolute;left: 1225px;top: 450px;border-image: 10px;">
        <img src="imang/problem2.jpg" width="100" height="115" >
        <p class="name">&nbsp&nbsp&nbsp&nbsp&nbsp name</p>
        <p class="intro">简介</p>
    </div>
    <div style="position: absolute;left: 1375px;top: 450px;border-image: 10px;">
        <img src="imang/problem2.jpg" width="100" height="115" >
        <p class="name">&nbsp&nbsp&nbsp&nbsp&nbsp name</p>
        <p class="intro">简介</p>
    </div>

    <div style="position: absolute;left: 1050px;top: 600px;border-image: 10px;">
        
        <p style="font-size: 20px; position: relative; top: 20px;" > 生理专家</p>
    </div>
    <div style="position: absolute;left: 1075px;top: 665px;border-image: 10px;">
        <img src="imang/problem2.jpg" width="100" height="115" >
        <p class="name">&nbsp&nbsp&nbsp&nbsp&nbsp name</p>
        <p class="intro">简介</p>
    </div>
    <div style="position: absolute;left: 1225px;top: 665px;border-image: 10px;">
        <img src="imang/problem2.jpg" width="100" height="115" >
        <p class="name">&nbsp&nbsp&nbsp&nbsp&nbsp name</p>
        <p class="intro">简介</p>
    </div>
    <div style="position: absolute;left: 1375px;top: 665px;border-image: 10px;">
        <img src="imang/problem2.jpg" width="100" height="115" >
        <p class="name">&nbsp&nbsp&nbsp&nbsp&nbsp name</p>
        <p class="intro">简介</p>
    </div>

</body>
<script src="js/questions_and_answers.js"></script>
</html>